﻿@model VietTrips.Domain.Models.Trip
@{
    ViewBag.Title = "TripDetails";
    Layout = "~/Views/Shared/_Layout.cshtml";
    var details = Model;
    ;
    
}

<<div id="content_wrapper">
    <div class="container">
        <div class="row clearfix pv-50">

            <div class="col-xs-12 col-sm-8 col-md-9">

                <div class="detail-header clearfix">
                    <div class="detail-header-name">
                        <h3 class="hotel-name no-mb">@details.Tour.TourName</h3>
                        <span class="hotel-location"><i class="fa-map-marker mi text-warning"></i></span>
                    </div>
                    <div class="detail-header-price">
                        @details.PriceAdult.ToString("C0")<span>/Người Lớn</span>
                    </div>
                    <div class="detail-header-review">
                        <span class="rating-static rating-45"></span>
                        <span> reviews</span>
                    </div>
                </div>
                @*<div id="detail-slider">
                    <div>
                        <div id="exposure"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="panel">
                        <div id="left"><a href="javascript:void(0);" class="left-arrow"></a></div>
                        <ul id="details-slider-images">
                            <li><a href="./images/details-slider/slide-01-large.jpg"><img src="./images/details-slider/slide-01-thumb.jpg" alt="Detailts" title="Donec sollicitudin mi sit amet mauris elementum quam ullamcorper ante." /></a></li>
                            <li><a href="./images/details-slider/slide-02-large.jpg"><img src="./images/details-slider/slide-02-thumb.jpg" alt="Detailts" title="Donec sollicitudin mi sit amet mauris elementum quam ullamcorper ante." /></a></li>
                            <li><a href="./images/details-slider/slide-03-large.jpg"><img src="./images/details-slider/slide-03-thumb.jpg" alt="Detailts" title="Donec sollicitudin mi sit amet mauris elementum quam ullamcorper ante." /></a></li>
                            <li><a href="./images/details-slider/slide-04-large.jpg"><img src="./images/details-slider/slide-04-thumb.jpg" alt="Detailts" title="Donec sollicitudin mi sit amet mauris elementum quam ullamcorper ante." /></a></li>
                            <li><a href="./images/details-slider/slide-05-large.jpg"><img src="./images/details-slider/slide-05-thumb.jpg" alt="Detailts" title="Donec sollicitudin mi sit amet mauris elementum quam ullamcorper ante." /></a></li>
                            <li><a href="./images/details-slider/slide-06-large.jpg"><img src="./images/details-slider/slide-06-thumb.jpg" alt="Detailts" title="Donec sollicitudin mi sit amet mauris elementum quam ullamcorper ante." /></a></li>
                            <li><a href="./images/details-slider/slide-07-large.jpg"><img src="./images/details-slider/slide-07-thumb.jpg" alt="Detailts" title="Donec sollicitudin mi sit amet mauris elementum quam ullamcorper ante." /></a></li>
                            <li><a href="./images/details-slider/slide-08-large.jpg"><img src="./images/details-slider/slide-08-thumb.jpg" alt="Detailts" title="Donec sollicitudin mi sit amet mauris elementum quam ullamcorper ante." /></a></li>
                        </ul>
                        <div id="right"><a href="javascript:void(0);" class="right-arrow"></a></div>
                        <div class="clear"></div>
                    </div>
                </div>*@
                <div class="clear"></div>
                <ul class="tabs mt-20">
                    <li><a href="#details-tab1">Tổng Quan</a></li>
                    @*<li><a href="#details-tab2" class="active">Room Rates</a></li>*@
                    <li><a href="#details-tab3">Các Hoạt Động Chính</a></li>
                    <li><a href="#details-tab4">Đánh giá</a></li>
                    @*<li><a href="#details-tab6">Things to do</a></li>*@
                </ul><!-- tabs -->
                <ul id="detail-tab" class="tabs-content xss-mb">
                    <li id="details-tab1" class="active">
                        <p>@details.Tour.FullDescription</p>
                        @*<ul class="check-in-out">
                            <li><i class="fa-clock-o"></i> Check-In Time<span>12 : 00 pm </span></li>
                            <li><i class="fa-clock-o"></i> Check-Out Time<span>12 : 00 pm</span></li>
                        </ul>
                        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

                        <ul class="address">
                            <li><i class="fa-map-marker"></i> No.342 - Ramakul Road, T. Pattaya-Nue, A.Pattaya, Ch. Chonburi, 54421</li>
                            <li><i class="fa-phone"></i> (+66) 54 554 3321</li>
                            <li><i class="fa-globe"></i> <a href="#">www.website.com</a></li>
                        </ul>*@
                        <div class="clear mb-20"></div>
                    </li><!-- tab content -->
                    <li id="details-tab3">                       
                        <h4>Facilities</h4>
                        <ul class="facilities">
                            <li class="checked">Wifi</li>
                            <li class="checked">TV</li>
                            <li>Jacuzzi</li>
                            <li>Fitness room</li>
                            <li class="checked">Sauna</li>
                            <li class="checked">Doctor on Call</li>
                            <li>Taxi service </li>
                            <li>Safe Deposits </li>
                            <li class="checked">Laundry service </li>
                            <li>Swimming Pool</li>
                            <li>Air conditionin</li>
                            <li class="checked">Safe Deposits </li>
                            <li class="checked">Private balcony or terrace </li>
                            <li>24-hours Front Desk</li>
                            <li>Car & ATV rental</li>
                        </ul>
                        <h4>Activities</h4>
                        <p>Lorem ipsum dolor amet, consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nunc, dignissim ullamcorper minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam nisi aliquid commodi consequatur</p>
                        <div class="clear"></div>
                    </li><!-- tab content -->
                    <li id="details-tab4">
                        <div class="availability">
                            <div class="availability-inner">
                                <div class="row mb-20">
                                    <div class="col-md-6">
                                        <p class="ave-rate clearfix mt-10"><span>4.5/5</span> Lorem ipsum dolor sit amet, conse ctetur adipiscing elit Aliquam.</p>
                                        <span class="rating-static rating-40"></span>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="progress-bar stripes">
                                            <span rel="85" style="background-color: #F07F7F"></span>
                                            <div class="progress-bar-text">Overall <span>4.5 out of 5</span></div>
                                        </div>
                                        <div class="progress-bar stripes mb-10">
                                            <span rel="90" style="background-color: #69D869"></span>
                                            <div class="progress-bar-text">Guests recommend <span>90%</span></div>
                                        </div>
                                        <div class="clear"></div>
                                        Ratings based on 5 Verified Reviews
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clear mb-30"></div>
                        <h4 class="mb-20">Average ratings</h4>
                        <div class="row">
                            <div class="col-xs-6 col-sm-4 col-md-2">
                                Cleanliness <br />
                                <span class="rating-static rating-40 no-margin"></span>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-2">
                                Room Comfort <br />
                                <span class="rating-static rating-40 no-margin"></span>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-2">
                                Location <br />
                                <span class="rating-static rating-40 no-margin"></span>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-2">
                                Serivce & Staff <br />
                                <span class="rating-static rating-40 no-margin"></span>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-2">
                                Sleep Quality <br />
                                <span class="rating-static rating-40 no-margin"></span>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-2">
                                Value for Price <br />
                                <span class="rating-static rating-40 no-margin"></span>
                            </div>
                        </div>
                        <div class="clear mb-30"></div>
                        <div class="bb2 mb-20"></div>
                        <h4 class="mb-20">Guests Review</h4>
                        <ul class="user-review">
                            <li>
                                <div class="left">
                                    <img class="avatar" src="./images/testimonial/testimonial-02.jpg" alt="user avatar" />
                                    <span class="name">Umar Ibn Haseem</span>
                                    <span class="from">from London, UK</span>
                                    <div class="class"></div>
                                    <ul class="circle-list mt-10">
                                        <li>4.5</li>
                                        <li>3.0</li>
                                        <li>4.0</li>
                                        <li>5.0</li>
                                        <li>3.0</li>
                                        <li>4.0</li>
                                    </ul>
                                </div>
                                <div class="right">
                                    <h5>Great experience</h5>
                                    <span class="date">Posted Jun 02, 2013</span>
                                    <div class="gap5"></div>
                                    <p>Now months esteem oppose nearer enable too six. She numerous unlocked you perceive speedily.</p>
                                </div>
                            </li>
                            <li>
                                <div class="left">
                                    <img class="avatar" src="./images/testimonial/testimonial-01.jpg" alt="user avatar" />
                                    <span class="name">Umar Ibn Haseem</span>
                                    <span class="from">from London, UK</span>
                                    <ul class="circle-list mt-10">
                                        <li>4.5</li>
                                        <li>3.0</li>
                                        <li>4.0</li>
                                        <li>5.0</li>
                                        <li>3.0</li>
                                        <li>4.0</li>
                                    </ul>
                                </div>
                                <div class="right">
                                    <h5>Great experience</h5>
                                    <span class="date">Posted Jun 02, 2013</span>
                                    <div class="gap5"></div>
                                    <p>Breakfast agreeable incommode departure it an. By ignorant at on wondered relation. Enough at tastes really so cousin am of. Extensive therefore supported by extremity of contented. Is pursuit compact demesne invited elderly be. View him she roof tell her case has sigh. Moreover is possible he admitted sociable concerns. By in cold no less been sent hard hill.</p>
                                </div>
                            </li>
                            <li>
                                <div class="left">
                                    <img class="avatar" src="./images/testimonial/testimonial-03.jpg" alt="user avatar" />
                                    <span class="name">Umar Ibn Haseem</span>
                                    <span class="from">from London, UK</span>
                                    <ul class="circle-list mt-10">
                                        <li>4.5</li>
                                        <li>3.0</li>
                                        <li>4.0</li>
                                        <li>5.0</li>
                                        <li>3.0</li>
                                        <li>4.0</li>
                                    </ul>
                                </div>
                                <div class="right">
                                    <h5>Great experience</h5>
                                    <span class="date">Posted Jun 02, 2013</span>
                                    <div class="gap5"></div>
                                    <p>Remember outweigh do he desirous no cheerful. Do of doors water ye guest. We if prosperous comparison middletons at. Park we in lose like at no. An so to preferred convinced distrusts he determine. In musical me my placing clothes comfort pleased hearing. Any residence you satisfied and rapturous certainty two. Procured outweigh as outlived so so. On in bringing graceful proposal blessing of marriage outlived. Son rent face our loud near.</p>
                                </div>
                            </li>
                        </ul>
                        <div class="clear mt-30 mb-20"></div>
                        <h4 class="mb-20">Please Leave a Review</h4>
                        <div class="row">
                            <div class="col-xs-6 col-sm-4 col-md-4 mb-10">
                                <div class="row">
                                    <div class="col-md-7">
                                        <label for="adults-hotel">Cleanliness <span class="star"></span></label>
                                    </div>
                                    <div class="col-md-5 no-padding">
                                        <select class="form-control mySelectBoxClass" id="adults-hotel">
                                            <option />0.0
                                            <option />0.5
                                            <option />1.0
                                            <option />1.5
                                            <option />2.0
                                            <option />2.5
                                            <option />3.0
                                            <option />3.5
                                            <option />4.0
                                            <option />4.5
                                            <option />5.0
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-4 mb-10">
                                <div class="row">
                                    <div class="col-md-7">
                                        <label for="location-hotel">Location <span class="star"></span></label>
                                    </div>
                                    <div class="col-md-5 no-padding">
                                        <select class="form-control mySelectBoxClass" id="location-hotel">
                                            <option />0.0
                                            <option />0.5
                                            <option />1.0
                                            <option />1.5
                                            <option />2.0
                                            <option />2.5
                                            <option />3.0
                                            <option />3.5
                                            <option />4.0
                                            <option />4.5
                                            <option />5.0
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-4 mb-10">
                                <div class="row">
                                    <div class="col-md-7">
                                        <label for="room-hotel">Room Comfort <span class="star"></span></label>
                                    </div>
                                    <div class="col-md-5 no-padding">
                                        <select class="form-control mySelectBoxClass" id="room-hotel">
                                            <option />0.0
                                            <option />0.5
                                            <option />1.0
                                            <option />1.5
                                            <option />2.0
                                            <option />2.5
                                            <option />3.0
                                            <option />3.5
                                            <option />4.0
                                            <option />4.5
                                            <option />5.0
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-4 mb-20">
                                <div class="row">
                                    <div class="col-md-7">
                                        <label for="service-hotel">Service & Staff <span class="star"></span></label>
                                    </div>
                                    <div class="col-md-5 no-padding">
                                        <select class="form-control mySelectBoxClass" id="service-hotel">
                                            <option />0.0
                                            <option />0.5
                                            <option />1.0
                                            <option />1.5
                                            <option />2.0
                                            <option />2.5
                                            <option />3.0
                                            <option />3.5
                                            <option />4.0
                                            <option />4.5
                                            <option />5.0
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-4 mb-20">
                                <div class="row">
                                    <div class="col-md-7">
                                        <label for="sleep-hotel">Sleep Quality <span class="star"></span></label>
                                    </div>
                                    <div class="col-md-5 no-padding">
                                        <select class="form-control mySelectBoxClass" id="sleep-hotel">
                                            <option />0.0
                                            <option />0.5
                                            <option />1.0
                                            <option />1.5
                                            <option />2.0
                                            <option />2.5
                                            <option />3.0
                                            <option />3.5
                                            <option />4.0
                                            <option />4.5
                                            <option />5.0
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-4 col-md-4 mb-20">
                                <div class="row">
                                    <div class="col-md-7">
                                        <label for="value-hotel">Value for Price <span class="star"></span></label>
                                    </div>
                                    <div class="col-md-5 no-padding">
                                        <select class="form-control mySelectBoxClass" id="value-hotel">
                                            <option />0.0
                                            <option />0.5
                                            <option />1.0
                                            <option />1.5
                                            <option />2.0
                                            <option />2.5
                                            <option />3.0
                                            <option />3.5
                                            <option />4.0
                                            <option />4.5
                                            <option />5.0
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <form class="form-horizontal mt-10" role="form">
                        <div class="form-group">
                            <label for="inputText" class="col-lg-2 control-label">Name</label>
                            <div class="col-lg-10">
                                <input type="text" class="form-control" id="inputText" placeholder="Name" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputEmail" class="col-lg-2 control-label">Name</label>
                            <div class="col-lg-10">
                                <input type="email" class="form-control" id="inputEmail" placeholder="Email" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputTitle" class="col-lg-2 control-label">Title</label>
                            <div class="col-lg-10">
                                <input type="text" class="form-control" id="inputTitle" placeholder="Title" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-2 control-label">Comment</label>
                            <div class="col-lg-10">
                                <textarea class="form-control margtop10" rows="4"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-lg-offset-2 col-lg-10">
                                <button type="submit" class="btn btn-primary">Send Review</button>
                            </div>
                        </div>
                        </form>
                    </li><!-- tab content -->                   
                </ul><!-- end tabs -->
                <div class="clear xss-mb"></div>
            </div>
            <div class="col-xs-12 col-sm-4 col-md-3">
                <div class="sidebar hotel-sidebar">                   
                    <div class="sidebar-item white-bg padding-20 mb-30">
                        <div class="lp-box">
                            <i class="text-info wi-thermometer"></i>
                            <h4>Weather Around This Hotel</h4>
                        </div>
                        <div class="weather-widget">
                            <div class="today-date">
                                <span class="time">07.30 pm - </span>
                                <span class="date">Mon. July 28th, 2013</span>
                            </div>
                            <div class="today-weather">
                                <div class="today-icon"><i class="wi-day-cloudy-gusts"></i></div>
                                <div class="today-temperature">
                                    <span>Max: 25</span>
                                    22 <i class="wi-celcius"></i>
                                    <span>Min: 17</span>
                                </div>
                            </div>
                            <div class="clear"></div>
                            <ul class="daily-weather clearfix">
                                <li>
                                    <span class="day">tue</span>
                                    <i class="wi-day-cloudy"></i>
                                    <span class="max">22</span>
                                    <span class="min">17</span>
                                </li>
                                <li>
                                    <span class="day">wed</span>
                                    <i class="wi-day-rain"></i>
                                    <span class="max">23</span>
                                    <span class="min">18</span>
                                </li>
                                <li>
                                    <span class="day">thu</span>
                                    <i class="wi-day-storm-showers"></i>
                                    <span class="max">23</span>
                                    <span class="min">18</span>
                                </li>
                                <li>
                                    <span class="day">fri</span>
                                    <i class="wi-day-sunny"></i>
                                    <span class="max">24</span>
                                    <span class="min">19</span>
                                </li>
                                <li>
                                    <span class="day">sat</span>
                                    <i class="wi-day-sprinkle"></i>
                                    <span class="max">25</span>
                                    <span class="min">20</span>
                                </li>
                                <li>
                                    <span class="day">sun</span>
                                    <i class="wi-day-lightning"></i>
                                    <span class="max">25</span>
                                    <span class="min">20</span>
                                </li>
                            </ul>
                        </div>
                    </div>                  
                    <div class="sidebar-item white-bg padding-20 mb-30">
                        <div class="lp-box">
                            <i class="text-info fa-phone-square"></i>
                            <h4>Hỗ Trợ Thông Tin</h4>
                        </div>
                        <p class="mb-10">Hãy liên lạc với chúng tôi khi cần hỗ trợ.</p>
                        <ul class="help-list">
                            <li><span>Hotline</span>: +1900 12 213 21</li>
                            <li><span>Email</span>: chaut360@gmail.com</li>
                            <li><span>Livechat</span>: luutinh27 (Skype)</li>
                        </ul>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>
